<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kit</title>
    <link rel="stylesheet" href="./css/style.css">
    <link href="https://fonts.googleapis.com/css2?family=Exo+2:wght@100&display=swap" rel="stylesheet">
</head>
<body>
    <div class="bgfon">
        <p>Ты сегодня покормил кота?</p>
        <div class="flexbox">
            <div class="flexbox-container">
                <div class="drop-shadow drop-shadow_foieGras">
                    <div class="main-container main-container_foieGras">
                        <div class="text-container">
                            <p class="text-container_baseStringFoieGras">Сказочное заморское явство</p>
                            <p class="text-container_hoverStringFoieGras">Котэ не одобряет?</p>
                            <h1>Нямушка</h1>
                            <h3>c фуа-гра</h3>
                            <p>10 порций</br>
                                мышь в подарок</p>
                        </div>
                        <div class="img-container"><img class="main-img" src="./img/Photo.png" alt="Kit"></div>
                        <div class="weight weight-foieGras_color">
                            <p>0,5</p>
                            <p class="weight-index">кг</p>
                        </div>
                    </div>
                </div>
                <p class="buy-string buy-string_foieGras">Чего сидишь? Порадуй котэ, <a class="link-foieGras" href="#">купи.</a></p>
                <p class="buy-string buy-string_foieGrasHidden">Печень утки разварная с артишоками.</p>
            </div>
            <div class="flexbox-container">
                <div class="drop-shadow drop-shadow_fish">
                    <div class="main-container main-container_fish">
                        <div class="text-container">
                            <p class="text-container_baseStringFish">Сказочное заморское явство</p>
                            <p class="text-container_hoverStringFish">Котэ не одобряет?</p>
                            <h1>Нямушка</h1>
                            <h3>c рыбой</h3>
                            <p>40 порций</br>
                                2 мыши в подарок</p>
                        </div>
                        <div class="img-container"><img class="main-img" src="./img/Photo.png" alt="Kit"></div>
                        <div class="weight weight-fish_color">
                            <p>2</p>
                            <p class="weight-index">кг</p>
                        </div>
                    </div>
                </div>
                <p class="buy-string buy-string_fish">Чего сидишь? Порадуй котэ, <a class="link-fish" href="#">купи.</a></p>
                <p class="buy-string buy-string_fishHidden">Головы щучьи с чесноком да свежайшая сёмгушка.</p>
            </div>
            <div class="flexbox-container">
                <div class="drop-shadow drop-shadow_chicken">
                    <div class="main-container main-container_chicken">
                        <div class="text-container">
                            <p class="text-container_baseStringChicken">Сказочное заморское явство</p>
                            <p class="text-container_hoverStringChicken">Котэ не одобряет?</p>
                            <h1>Нямушка</h1>
                            <h3>c курой</h3>
                            <p>100 порций</br>
                                5 мышей в подарок </br>
                                заказчик доволен</p>
                        </div>
                        <div class="img-container"><img class="main-img" src="./img/Photo.png" alt="Kit"></div>
                        <div class="weight weight-chicken_color">
                            <p>5</p>
                            <p class="weight-index">кг</p>
                        </div>
                    </div>
                </div>
                <p class="buy-string buy-string_chicken">Чего сидишь? Порадуй котэ, <a class="link-chicken" href="#">купи.</a></p>
                <p class="buy-string buy-string_chickenHidden">Филе из цыплят с трюфелями в бульоне.</p>
            </div>
        </div>
    </div>
    <script src="./js/script.js"></script>
</body>
</html>